<template>
    <el-dialog :title="title" :visible.sync="psDialog" width="60%">
      <div class="table-container table-css">
        <el-table :data="tableData" border style="width: 100%" class="table-data" :header-cell-style="{background:'#edf2f9','border-color': '#c7d7eb'}" >            
            <el-table-column prop="expertName" label="专家" align="center" min-width="150"></el-table-column>
            <el-table-column prop="score" label="评审结果" align="center" min-width="130"></el-table-column>
            <el-table-column prop="opinion" label="评审意见" align="center" min-width="200"></el-table-column>
        </el-table>
    </div>
    </el-dialog>
</template>
<script>
import {resultPSDetail} from "@/api/teachingTopic";

export default {
  data() {
    return {
      psDialog:false,
      tableData:[]
    };
  },
  props:{
    currentFlow:String,
    currentStage:String,
    fillId:String,
    title:String
  },
  watch:{
    psDialog(val){
      if(val && this.currentFlow){
        this.initList()
      }
    }
  },
  methods: {
    async initList(){
      this.detailDialog = true;
      let params = {
        currentFlow:this.currentFlow,
        currentStage:this.currentStage,
        fillId:this.fillId
      }
      let res = await resultPSDetail(params)
      if(res.code == 200){
        this.tableData = res.data
      }
    },
  },
};
</script>
<style lang="less" scoped>
.table-css {
  margin: 20px auto 60px;
  width: 85%;
 /deep/ .el-table td,
  .el-table th.is-leaf,
  .el-table--border,
  .el-table--group {
    border-color: #c7d7eb;
  }

  /deep/.el-table__header tr,
  .el-table__header th {
    padding: 0;
    height: 76px;
    background-color: #edf2f9;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 20px;
    color: #004ca7;
  }

  /deep/.el-table__body tr,
  .el-table__body td {
    padding: 0;
    height: 86px;
  }
 /deep/ .el-table__footer-wrapper td {
    padding: 0;
    height: 86px;
  }
  /deep/.el-table thead.is-group th.el-table__cell{
    border-color: #c7d7eb;
  }
 /deep/ .el-table--border th, .el-table__fixed-right-patch{
    border-color: #c7d7eb;
  }
}
</style>